<extend name="Base/common" />
<block name="main_content">
	<style type="text/css">
		.img img{
			width: 188px;
			height: 160px;
		}
		/*图文回复列表样式*/
.reply .panel-group .panel:first-child{margin:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.reply .panel-group .panel:first-child .img{overflow:hidden; position:relative; height:160px; background-color:#ececec; color:#c0c0c0; text-align:center; line-height:132px;}
.reply .panel-group .panel:first-child .img img{max-height:160px; max-width:100%; vertical-align:middle;}
.reply .panel-group .panel:first-child .img span{display:block; position:absolute; bottom:0; left:0; height:28px; line-height:28px; width:100%; background:rgba(0,0,0,0.7); color:#fff; padding:0 10px;}
.reply .panel-group .panel+.panel{border-radius:0; margin-top:0; border-top:0;}
.reply .panel-group .panel+.panel .panel-body{height:104px; padding-right:105px; position:relative; overflow:hidden;}
.reply .panel-group .panel+.panel .img{float:right; position:absolute; right:15px; top:12px; height:80px; width:80px; background-color:#ececec; color:#c0c0c0; line-height:80px; text-align:center; overflow:hidden;}
.reply .panel-group .panel+.panel .img img{max-width:80px; max-height:80px; vertical-align:middle; border:0;}
.reply .panel-group .panel+.panel .text h4{word-break:break-all; font-size:14px; line-height:1.5em; height:54px; overflow:hidden; text-overflow:ellipsis;}
.reply .panel-group .panel-body .mask{position:absolute; width:100%; height:100%; line-height:104px; left:0; top:0; z-index:999; background-color:rgba(229, 229, 229, 0.85) !important; text-align:center; display:none;}
.reply .panel-group .panel:first-child .panel-body .mask{line-height:160px;}
.reply .panel-group .panel-body .mask a{color:#333; display:inline-block; margin:0 3px; cursor:pointer;}
.reply .panel-group .panel-body:hover .mask{display:block;}
.reply .panel-group .panel-body .default{ font-style:normal; font-size:16px;}
.reply .panel-group .panel:last-child{margin-bottom:20px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.reply .panel-group .panel:last-child .panel-body{padding:15px;}
.reply .panel-group .panel-body .add{border:3px dotted #b8b8b8; height:72px; line-height:72px; text-align:center; cursor:pointer; border-radius:5px;}
.reply .panel-group img{position:absolute; left:0; top:0; display:inline-block; width:100%; height:100%;}
.reply .panel-group{clear: both;margin-bottom: 20px; position: relative;}
.reply .panel-group .del,.panel-group .no{position: absolute; top:-10px; width:20px; height:20px; color:#fff; background:rgba(0,0,0,0.3); text-align:center; line-height:20px; cursor:pointer; border-radius:100%;}
.reply .panel-group .del{right:-10px;}
.reply .panel-group .no{left:-10px;background: #3071a9}
.reply .panel-group .del:hover{background:rgba(0,0,0,0.7);}
.reply .panel-group .panel:last-child{margin-bottom: 0;}

/*素材回复列表样式*/
.material .panel-group{position:relative; cursor:pointer;}
.material .panel-group .panel:first-child{margin:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.material .panel-group .panel:first-child .img{overflow:hidden; position:relative; height:160px; background-color:#ececec; color:#c0c0c0; text-align:center; line-height:132px;}
.material .panel-group .panel:first-child .img img{max-height:160px; max-width:100%; vertical-align:middle;}
.material .panel-group .panel:first-child .img span{display:block; position:absolute; bottom:0; left:0; height:28px; line-height:28px; width:100%; background:rgba(0,0,0,0.7); color:#fff; padding:0 10px;}
.material .panel-group .panel+.panel{border-radius:0; margin-top:0; border-top:0;}
.material .panel-group .panel+.panel .panel-body{height:104px; padding-right:105px; position:relative; overflow:hidden;}
.material .panel-group .panel+.panel .img{float:right; position:absolute; right:15px; top:12px; height:80px; width:80px; background-color:#ececec; color:#c0c0c0; line-height:80px; text-align:center; overflow:hidden;}
.material .panel-group .panel+.panel .img img{max-width:80px; max-height:80px; vertical-align:middle; border:0;}
.material .panel-group .panel+.panel .text h4{word-break:break-all; font-size:14px; line-height:1.5em; height:54px; overflow:hidden; text-overflow:ellipsis;}
.material .panel-group .panel-body .default{ font-style:normal; font-size:16px;}
.material .panel-group .panel:last-child{margin-bottom:0px; border-bottom-left-radius:20px; border-bottom-right-radius:4px;}
.material .panel-group .panel:last-child .panel-body{padding:15px;}
.material .panel-group img{position:absolute; left:0; top:0; display:inline-block; width:100%; height:100%;}
.material .panel-group .mask{position:absolute; width:100%; height:100%; left:0; top:0; z-index:10; background-color:rgba(0,0,0,0.6 ) !important; text-align:center; display:none; border-radius:4px;}
.material .panel-group:hover .mask,.panel-group.selected .mask{display:block;}
.material .panel-group>i{display:none; width:46px; height:46px; color:#fff; text-align:center; line-height:46px; z-index:20; position:absolute; top:50%; left:50%; margin-top:-23px; margin-left:-23px; font-size:46px; font-weight:200;}
.material .panel-group.selected>i{display:inline-block}

	</style>
<div class="aw-content-wrap">
    <div class="mod">
	        <div class="mod-head">
	            <h3>
	                <include file="Public/nav" />
	            </h3>
	        </div>
	        <div class="mod-body tab-content">
	            <div class="tab-pane active" id="list">
	                <div class="mod-table-head">
	                	<notempty name="add_button">
	                    <a class="btn btn-primary" href="{:U('add')}">新增</a>
	                	</notempty>
	                	<notempty name="del_button">
	                    <a class="btn btn-danger" onclick="$('#action').val('del'); AWS.ajax_post($('#batchs_form'));" href="javascript:;">删除</a>
	                	</notempty>
	                </div>
	                <br>
	                <form id="batchs_form" action="http://douchat.cc/?/admin/ajax/notice_manage/" method="post">
	                <input type="hidden" id="action" name="action" value="del">
	                <div class="reply" id="mpnews" style="position: relative; height: 786px;">
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 water" style="position: absolute; top: 0px; left: 123px;">
					<div class="panel-group">
																		<div class="panel panel-default">
							<div class="panel-body">
								<div class="img">
									<i class="default"></i>
									<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403100216&amp;idx=1&amp;sn=b0c708b2bc77e3100af8d1d05cfe59c8#rd" target="_blank"><img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQhaj3Bl2BicdYMZ7Jeodm3V4okOYmROJdtWkSsu6iboCHbrVa1PwlDPcVJJVvAlZ86xxc5RicVHlhThA%2F0%3Fwx_fmt%3Djpeg"></a>
									<span class="text-left">欢迎关注我们</span>
								</div>
							</div>
						</div>
																		<div class="panel panel-default">
							<div class="panel-body" style="height:20px; padding-bottom:40px; padding-top:7px">
								<div class="btn-group">
									<a href="javascript:;" class="btn btn-default btn-sm btn-send" data-id="34" data-type="news">群发</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-view" data-media-id="l_mg2nuxJR4d8UdEDBsJw185bfMohw4MO1dc3tu9bdU" data-type="news">预览</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-del" data-id="34" data-type="news">删除</a>
								</div>
							</div>
						</div>
					</div>
				</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 water" style="position: absolute; top: 0px; left: 375px;">
					<div class="panel-group">
																		<div class="panel panel-default">
							<div class="panel-body">
								<div class="img">
									<i class="default"></i>
									<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403280684&amp;idx=1&amp;sn=db382ddd8ebb429e801daca8d6d2f4ac#rd" target="_blank"><img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQhaIibkRLXSmlwAbOoFibuznwbYKUMX6D1VpMRDR1QhD9iakPbr9FReJpERT8ne7jWPH77PZSOZIv1Ug%2F0%3Fwx_fmt%3Djpeg"></a>
									<span class="text-left">豆信-最好用的微信公众号开发框架</span>
								</div>
							</div>
						</div>
																								<div class="panel panel-default">
							<div class="panel-body">
								<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403280684&amp;idx=2&amp;sn=587ccfeac7ec819905387c2a4896fe50#rd" target="_blank">
									<div class="text">
										<h4>成语接龙</h4>
									</div>
									<div class="img">
										<img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQhaIibkRLXSmlwAbOoFibuznwWANh8NZcdYalfF4FECfRQV8wLAic6ibC1S9r0VS33HZ9yicYS5vUic03DA%2F0%3Fwx_fmt%3Djpeg">
										<i class="default">缩略图</i>
									</div>
								</a>
							</div>
						</div>
																								<div class="panel panel-default">
							<div class="panel-body">
								<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403280684&amp;idx=3&amp;sn=625b74d0532c782c78d0e32ed17052df#rd" target="_blank">
									<div class="text">
										<h4>聊天机器人</h4>
									</div>
									<div class="img">
										<img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQhaIibkRLXSmlwAbOoFibuznwuPhkltuuI0E2msibWreJZK6ziccFRU7vbl27upbpbia0ic2H1sSbCyLctA%2F0%3Fwx_fmt%3Djpeg">
										<i class="default">缩略图</i>
									</div>
								</a>
							</div>
						</div>
																								<div class="panel panel-default">
							<div class="panel-body">
								<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403280684&amp;idx=4&amp;sn=50dfba1925b25642557d02b3e78225f3#rd" target="_blank">
									<div class="text">
										<h4>在线点歌</h4>
									</div>
									<div class="img">
										<img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQhaIibkRLXSmlwAbOoFibuznw6amvelmpRNau3f5M120UoulcXlOVkyM9hwRWeSFpS3Ht5DHCFnS8eg%2F0%3Fwx_fmt%3Djpeg">
										<i class="default">缩略图</i>
									</div>
								</a>
							</div>
						</div>
																								<div class="panel panel-default">
							<div class="panel-body">
								<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403280684&amp;idx=5&amp;sn=6ed2f538e5644c9b045d7cd3ac6707b0#rd" target="_blank">
									<div class="text">
										<h4>微商城</h4>
									</div>
									<div class="img">
										<img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQhaIibkRLXSmlwAbOoFibuznwqh8M18J6znTiaJ8jFUcmQMRR1wia7BTbDOqwOatvUQnmUeXbrxic7Huyg%2F0%3Fwx_fmt%3Djpeg">
										<i class="default">缩略图</i>
									</div>
								</a>
							</div>
						</div>
																		<div class="panel panel-default">
							<div class="panel-body" style="height:20px; padding-bottom:40px; padding-top:7px">
								<div class="btn-group">
									<a href="javascript:;" class="btn btn-default btn-sm btn-send" data-id="33" data-type="news">群发</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-view" data-media-id="eprtLOJkhqvAUU4E5ixcZxkxnos91y4kFQq-hJvxhnI" data-type="news">预览</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-del" data-id="33" data-type="news">删除</a>
								</div>
							</div>
						</div>
					</div>
				</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 water" style="position: absolute; top: 0px; left: 627px;">
					<div class="panel-group">
																		<div class="panel panel-default">
							<div class="panel-body">
								<div class="img">
									<i class="default"></i>
									<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403285061&amp;idx=1&amp;sn=1163c30091cba64fbbbabc1ef54486af#rd" target="_blank"><img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQg1OA0No9P35UlJbb0xy8lxbfbeQHQP76uKbAGCzxkCn5WFvpfvPcTwdKHIsMTdHvwftyZ0ouRFiaw%2F0%3Fwx_fmt%3Djpeg"></a>
									<span class="text-left">豆信V1.0_20160129开源发布</span>
								</div>
							</div>
						</div>
																		<div class="panel panel-default">
							<div class="panel-body" style="height:20px; padding-bottom:40px; padding-top:7px">
								<div class="btn-group">
									<a href="javascript:;" class="btn btn-default btn-sm btn-send" data-id="32" data-type="news">群发</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-view" data-media-id="eprtLOJkhqvAUU4E5ixcZ0fmtRQbfyCIRUJZUEjY5To" data-type="news">预览</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-del" data-id="32" data-type="news">删除</a>
								</div>
							</div>
						</div>
					</div>
				</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 water" style="position: absolute; top: 262px; left: 123px;">
					<div class="panel-group">
																		<div class="panel panel-default">
							<div class="panel-body">
								<div class="img">
									<i class="default"></i>
									<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=403702404&amp;idx=1&amp;sn=7c7123240051411b3e3e2ba8eabff76a#rd" target="_blank"><img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQg1OA0No9P35UlJbb0xy8lxbfbeQHQP76uKbAGCzxkCn5WFvpfvPcTwdKHIsMTdHvwftyZ0ouRFiaw%2F0%3Fwx_fmt%3Djpeg"></a>
									<span class="text-left">豆信V1.0_20160129开源发布</span>
								</div>
							</div>
						</div>
																		<div class="panel panel-default">
							<div class="panel-body" style="height:20px; padding-bottom:40px; padding-top:7px">
								<div class="btn-group">
									<a href="javascript:;" class="btn btn-default btn-sm btn-send" data-id="31" data-type="news">群发</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-view" data-media-id="-qxs7fyR4SkM75eh5dgKwFeAzsL8_CiMSi3zuX7iTkI" data-type="news">预览</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-del" data-id="31" data-type="news">删除</a>
								</div>
							</div>
						</div>
					</div>
				</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 water" style="position: absolute; top: 262px; left: 627px;">
					<div class="panel-group">
																		<div class="panel panel-default">
							<div class="panel-body">
								<div class="img">
									<i class="default"></i>
									<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=404897442&amp;idx=1&amp;sn=350b1d6a6e1383c03ee17198faf88e47#rd" target="_blank"><img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQiaLia789u2OL5Bpz06ia9F9AOtLUhT8iaW9ibErCf0loLVpTkkaRavr6Brk7QhWJ6L17micibodcMUAFhgg%2F0%3Fwx_fmt%3Djpeg"></a>
									<span class="text-left">敢不敢晒出你的脸，看看你的颜值有多高？</span>
								</div>
							</div>
						</div>
																		<div class="panel panel-default">
							<div class="panel-body" style="height:20px; padding-bottom:40px; padding-top:7px">
								<div class="btn-group">
									<a href="javascript:;" class="btn btn-default btn-sm btn-send" data-id="30" data-type="news">群发</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-view" data-media-id="JeQe-Rn9NMQnJtKA1tft0gcW9j0Py5kqs9VFUwljml0" data-type="news">预览</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-del" data-id="30" data-type="news">删除</a>
								</div>
							</div>
						</div>
					</div>
				</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 water" style="position: absolute; top: 524px; left: 123px;">
					<div class="panel-group">
																		<div class="panel panel-default">
							<div class="panel-body">
								<div class="img">
									<i class="default"></i>
									<a href="http://mp.weixin.qq.com/s?__biz=MzA3ODQ3MjA1NQ==&amp;mid=404977166&amp;idx=1&amp;sn=4feb50abfeb020e6f38a6918344af526#rd" target="_blank"><img src="http://wx.douchat.cc/web/index.php?c=utility&amp;a=wxcode&amp;do=image&amp;attach=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz%2FbcPR8rBzAQge2ib6YFPR7aBWPOltEX6kKnnMEEhUbTjjx2bFVdaJtyPfaQ9wzUdxsyqCQbzWvcZcFARsXicMVMlw%2F0%3Fwx_fmt%3Djpeg"></a>
									<span class="text-left">愚人节！你被娱乐了吗？看看你那智商估计打55分不及格</span>
								</div>
							</div>
						</div>
																		<div class="panel panel-default">
							<div class="panel-body" style="height:20px; padding-bottom:40px; padding-top:7px">
								<div class="btn-group">
									<a href="javascript:;" class="btn btn-default btn-sm btn-send" data-id="29" data-type="news">群发</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-view" data-media-id="nif4LxOVfCvaJs2I4Gd6VJS7Oq3amvZQClHZj4sPCdw" data-type="news">预览</a>
									<a href="javascript:;" class="btn btn-default btn-sm btn-del" data-id="29" data-type="news">删除</a>
								</div>
							</div>
						</div>
					</div>
				</div>
						</div>
	                </form>
	                <div class="mod-table-foot">
	                    <div class="page-control"><ul class="pagination pull-right"><li class="active"><a href="javascript:;">1</a></li><li><a href="http://douchat.cc/?/admin/article/list/page-2">2</a></li><li><a href="http://douchat.cc/?/admin/article/list/page-3">3</a></li><li><a href="http://douchat.cc/?/admin/article/list/page-4">4</a></li><li><a href="http://douchat.cc/?/admin/article/list/page-2">&gt;</a></li><li><a href="http://douchat.cc/?/admin/article/list/page-7">&gt;&gt;</a></li></ul></div>
	                    
	                </div>
	            </div>
	        </div>
	    </div>
</div>
</block>